<!--
  This file is a part of the open-eBackup project.
  This Source Code Form is subject to the terms of the Mozilla Public License, v. 2.0.
  If a copy of the MPL was not distributed with this file, You can obtain one at
  http://mozilla.org/MPL/2.0/.
  
  Copyright (c) [2024] Huawei Technologies Co.,Ltd.
  
  THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
  EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
  MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
  -->

<div class="aui-operation" [ngClass]="{'checkbox-job': !i18n.isEn,'checkbox-job-en':i18n.isEn}"
    *ngIf="!selectedResource">
    <label lv-checkbox [ngModel]='showExpiredCopy' [lvControl]="true" [lvDisabled]="disableCheckBox"
        (click)="showCopyExpired()">
        {{ 'insight_show_expired_copy_label' | i18n }}
    </label>
    <i *ngIf="disableCheckBox" lv-icon="aui-icon-help" lv-tooltip="{{ 'insight_show_copy_expired_tips_label' | i18n }}"
         class="configform-constraint" lvColorState="true"></i>
</div>
<lv-tabs [(lvActiveIndex)]="activeIndex" [lvAfterChange]="afterChange"
    lvType="{{!!selectedResource ? 'underline' : 'default'}}">
    <lv-tab *ngFor="let tab of tabs" [lvTitle]="tab.label" [lvId]="tab.id">
        <ng-template lv-tab-lazy>
            <aui-job-table [activeIndex]="tab.id" [statusList]="tab.statusList" [selectedResource]="selectedResource"
                [subType]="detailSubType">
            </aui-job-table>
        </ng-template>
    </lv-tab>
</lv-tabs>
